<br>
<br>
<div class="content-wrap">
  <div class="small-12 columns text-center">
    
    <ul class="small-block-grid-2 medium-block-grid-4">
      <li>
        <!-- 
        
        ANIMATED BLOCK

        Animation Name (REQUIRED)
        [ slide-in-from-west | slide-in-from-east | slide-in-from-north | slide-in-from-south | fade-in | fade-out | shake | spin-cw | spin-ccw ]

        Optional Speed Modifiers
        [ slow | fast ]

        Optional Timing Function Modifiers
        [ ease | ease-in | ease-out | ease-in-out | linear ]

        Optional Iteration Count Modifiers
        [ infinite ]                                                            

        -->
        <div class=" block" data-animate="slide-in-from-west slow ease"></div><br>

        <!-- Trigger -->
        <span class="trigger button">Animate!</span>
      </li>
     
    </ul>

  </div>
</div>